<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-ua-compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title></title>
		<style>
			body,ul{
				margin:0;
				padding:0;
			}
			body{background-color: #ccc;}
			ul{list-style:none;}
			.container{
				margin:50px auto;
				width:280px;
				height:310px;
				background-color: #fff;
			}
			.container .nav{
				height:60px;
		/* 		background-color: red; */
				text-align:center;
				line-height:60px;
			}
			.container .nav .left{
				float:left;
				margin:2px 0 0 15px;
				border-bottom:1px solid #ccc;
				width:47px;
				height:30px;
			/* 	background-color: blue; */
			}
			.container .nav .right{
				float:right;
				margin:2px 15px 0 0;
				border-bottom:1px solid #ccc;
				width:47px;
				height:30px;
		/* 		background-color: blue; */
			}
			.container .content{
				position:relative;
				height:250px;
				background:#fff url('bg.png') no-repeat center center;
				background-position:10px 17px;
			}
			.container .content ul li{
				margin-top:14px;
				font-size:14px;
				line-height:26px;
				text-indent:45px;
			}
			.container .content ul .wz1{
				position:fixed;
				top:109px;
				left:630px;
			}
			.container .content ul .wz2{
				position:fixed;
				top:143px;
				left:630px;
			}
			.container .content ul .wz3{
				position:fixed;
				top:174px;
				left:630px;
			}
			.container .content ul .wz4{
				position:fixed;
				top:206px;
				left:630px;
			}
			.container .content ul .wz5{
				position:fixed;
				top:244px;
				left:630px;
			}
			.container .content ul .wz6{
				position:fixed;
				top:281px;
				left:630px;
			}
			.container .content ul .wz7{
				position:fixed;
				top:316px;
				left:630px;
			}
		</style>
	</head>
	<body>
		<div class='container'>
			<div class='nav'>
				<div class='left'></div>
				<div class='right'></div>
				<h2>一周热榜</h2>
			</div>
			<div class="content">
				<ul>
					<li class='wz1'>《好先生》火了江疏影的大红唇</li>
					<li class='wz2'>谭松韵到底偷吃了多少防腐剂！无</li>
					<li class='wz3'>雪梨泰妍泫雅争做好色女 这样的</li>
					<li class='wz4'>泫雅无惧4Minute解散魔咒 全靠锚</li>
					<li class='wz5'>模特身材爱豆脸！李圣经时髦起来</li>
					<li class='wz6'>《又见吴海英》徐贤真撞脸泰妍</li>
					<li class='wz7'>明星跻身网红圈 贾静雯关晓彤一</li>
				</ul>
			</div>
		</div>
	</body>
</html>
